<template>
    <a href="/helloworld.html" v-on:click.prevent>阻止默认行为</a>

    <hr />
    <div v-on:click="show('我是父元素的事件')">
        <button v-on:click="show('我是子元素的事件')">事件冒泡</button>
        <button v-on:click.stop="show('我是子元素的事件')">阻止事件冒泡</button>
    </div>
    <hr />
    <div v-on:click.capture="show('我是父元素的事件')">
        <button v-on:click="show('我是子元素的事件')">事件捕获</button>
    </div>
    <hr />
    <button v-on:click.once="show('我是当前元素的单击事件且只执行一次')">只执行一次</button>
</template>
<script setup>
let show = message => console.log(message)
</script>